<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组合选择器-子元素选择器</title>
    <style type="text/css">
        /*  div>span 可以是类或id等
            div>span 表示div这个元素的子元素span
            精准控制
        */
        div > span{
            background-color: magenta;
        }
        div > h1 > span{
            background-color: lawngreen;
        }
        /*
        如果希望特别指定 可以用类 id 子代选择器
        */
    </style>
</head>
<body>
<div>
    <h1>黑山<span>老妖</span></h1>
    <span>吃肉呢的怪物</span>
</div>
</body>
</html>